<template>
  <el-dialog
    :visible.sync="$attrs.visable"
    width="520px"
    title="编辑群公告"
    :before-close="handleClose"
    append-to-body
  >
    <el-form ref="form" :model="form" label-width="0">
      <el-form-item label="" class="mb-0">
        <el-input v-model="form.notice" type="textarea" rows="6"></el-input>
      </el-form-item>
    </el-form>
    <span slot="footer" class="dialog-footer">
      <el-button size="small" @click="handleClose">取 消</el-button>
      <el-button size="small" type="primary" @click="handleSubmit"
        >发 布</el-button
      >
    </span>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      form:{
        notice:''
      },
    };
  },
  props: {},
  created() {},
  methods: {
    handleClose() {
      this.$emit("close"); //关闭弹窗;
    },

    handleQuery() {},

    handlecheck(item) {
      console.log("item");
      this.grouplist.forEach((i) => {
        if (i.id == item.id) {
          i.checked = true;
        } else {
          i.checked = false;
        }
      });
      console.log("this.grouplist:", this.grouplist);
    },

    getList() {},

    /** 搜索按钮操作 */
    handleQuerytable() {
      this.tableParams.pageNum = 1;
      this.getList();
    },
  },
};
</script>
<style lang="scss" scoped>
.h_box {
  height: 600px;
}
.boxleft {
  width: 260px;
  border-right: 1px solid #e9e9e9;
}
.boxtable {
  padding: 16px 16px 0 16px;
  width: calc(100% - 260px);
}
.boxheader {
  padding: 16px;
  // height: 42px;
  position: sticky;
  top: 0;
  z-index: 11;
}
::v-deep .el-input-group__append {
  background-color: #fff;
  padding: 0 15px;
}
.boxbody {
  height: calc(100% - 68px);
  overflow-y: auto;
  padding: 0 16px;
}
.groupitem {
  width: 100%;
  padding: 8px;
  border-radius: 4px;
  &.active {
    background-color: #ebf2ff;
  }
  &:hover {
    background-color: #f0f0f0;
  }
  .avatar {
    width: 30px;
    height: 30px;
    border-radius: 4px;
  }
  .itemcontent {
    width: calc(100% - 42px);
  }
  .g_name {
    width: 90%;
  }
}
.commtable {
  // margin: 0 16px;
}
</style>